<table class="table2">
    <tr>
        <td>Ngày đặt</td>
        <td><?php echo $this->Form->input('Booking.date', array('type' => 'text', 'class' => 'textfield', 'label' => false)); ?></td>
    </tr>
    <tr>
        <td>Địa điểm <span class="compulsory">*</span></td>
        <td>
            <?php echo $this->Form->input('Booking.location_id', array('type' => 'select', 'class' => 'dropdown', 'label' => false)); ?>
        </td>
    </tr>
    <tr>
        <td>Khách sạn <span class="compulsory">*</span></td>
        <td>
            <?php echo $this->Form->input('Booking.hotel_id', array('type' => 'select', 'class' => 'dropdown', 'label' => false)); ?>
        </td>
    </tr>
</table>

<script type="text/javascript">
$(document).ready(function(){
    $('#BookingLocationId').change(function(){
       location_id = $('#BookingLocationId').val();
       hotel_id = $('#BookingHotelId').val();
       $.ajax({
            async: true,
            type: "POST",
            url: "add/location_id:" + location_id + '/hotel_id:' + hotel_id,
            data: "data[Action][do]=update_booking_info_left",
            success: function(msg){
                $('#booking_info_left').html(msg);
            },
            beforeSend: function (XMLHttpRequest){
                $("#busy-indicator").fadeIn();
            },
            complete: function (XMLHttpRequest, textStatus){
                $("#busy-indicator").fadeOut();
            }
        });
    });
});
</script>